<?php
// +----------------------------------------------------------
// | Trainingsessies
// +----------------------------------------------------------
// | Thomas More Kempen - 2 TI4 - 2014-2015
// +----------------------------------------------------------
// | Gebruikers beheren
// |
// +----------------------------------------------------------
// | Nicola Beysen
// +----------------------------------------------------------

include_once("dialogs.php");
?>

<script type="text/javascript">

    var gekozengebruiker = 0;

    function refreshData() {
        /*
         * $("#zoeknaam").val() gebruiken in plaats van gekozen gebruiker om een sterkere zoekfunctie te hebben.
         * Autocomplete werk nog steeds, maar door het gebruik van $("#zoeknaam").val() is het ook mogelijk om te zoeken op
         * onvolledige namen. 
         * Met gekozengebruiker kan je alleen 1 persoon vinden, enkel als je de naam via autocomplete aangevult hebt.
         * Je kan de juiste persoon niet vinden als je autocomplete niet gebruikt hebt, ookal is het volledig juist geschreven.
         * 
         * --Nicola--
         */
        var zoek1 = $("#zoeknaam").val();
        var zoek2 = $("#zoekgroep").val();
        haaloverzicht(zoek1, zoek2);
    }

    function haaloverzicht(zoeknaam, zoekgroep) {
        $.ajax({type: "GET",
            url: site_url + "/database/beherengebruiker/overzicht",
            data: {gebruiker: zoeknaam, groeppv: zoekgroep},
            success: function (result) {
                $("#resultaat").html(result);
                maakDetailClick();
                maakDeleteClick();
            }
        });
    }

    $(function () {
        $("#kader1").tabs();
        $("#terug").button();
        $("#zoek").button();
        $("#toevoegen").button();

        $("#zoeknaam").autocomplete({
            source: site_url + "/database/beherengebruiker/json",
            minLength: 2,
            select: function (event, ui) {
                gekozengebruiker = ui.item.id;
                $(this).val(ui.item.value);
            }
        });

        $("#zoeknaam").keydown(function (e) {
            if ((e.keyCode != '13') && (e.keyCode != '9')) {
                gekozengebruiker = 0;
            }
        });

        $("#zoek").click(function () {
            refreshData();
        });

    });

</script>

<p>
    <?php echo anchor('home/index', 'Terug', 'id="terug"'); ?>
</p>

<div id="kader1" style="width:400px">
    <ul>
        <li><a>Zoeken</a></li>
    </ul>
    <div id="kader1i">
        <p>
        <table>
            <tr>
                <td><?php echo form_label('Gebruiker:', 'gebruiker'); ?></td>
                <td><?php
                    echo form_input(array('name' => 'zoeknaam',
                        'id' => 'zoeknaam', 'size' => '40',
                        'class' => 'text ui-widget-content'));
                    ?></td>
            </tr>
            <tr>
                <td><?php echo form_label('PV groep:', 'groeppv'); ?></td>
                <td><?php
                    echo form_input(array('name' => 'zoekgroep',
                        'id' => 'zoekgroep', 'size' => '40',
                        'class' => 'text ui-widget-content'));
                    ?></td>
            </tr>
            <tr>
                <td></td>
                <td><input value="Zoek" id="zoek" type="button"></td>
            </tr>
        </table></p>
    </div>
</div>

<p>
<div><a href="#" class="detail" data-id="0" id="toevoegen">Gebruiker toevoegen</a></div>
</p>

<p>
<div id="resultaat"></div>
</p>
